<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>电工杯数学建模-通知动态列表</title>
</head>
<body>
<h1>中国电机工程学会杯-全国大学生电工数学建模竞赛</h1>
<div id="articles"></div>

<script>
    const getArticles = async () => {
        // 向你的Node.js服务器发送请求，获取文章信息
        const response = await fetch('http://localhost:5001/api/get-articles', {mode: 'cors'});
        const data = await response.json();

        // 获取要添加文章链接的div元素
        const articlesDiv = document.getElementById('articles');

        // 清空div元素的内容
        articlesDiv.innerHTML = '';

        // 对于每一篇文章，创建一个新的链接元素，设置其文本和href属性，并添加到div元素中
        data.articles.forEach(article => {
            const a = document.createElement('a');
            a.textContent = article.title;
            a.href = "http://shumo.neepu.edu.cn" + article.link;
            articlesDiv.appendChild(a);
            articlesDiv.appendChild(document.createElement('br'));
        });
    }

    // 当页面加载后，获取文章信息并在页面上显示
    // 当页面加载后，获取文章信息并在页面上显示
    window.addEventListener('load', () => {
        getArticles();
        // 设置定时器，每隔5秒运行一次getArticles函数
        setInterval(getArticles, 5000);
    });
</script>
</body>
</html>